<html>
    <head>
        <title></title>
    </head>
    <metaname="viewport" content="width=device-width,initial-scale=1">
    <style>
        .top{
            width: 100%;
            height:45%;
        }
        .down{
            width: 100%;
            height:55%;
            background: #37BC89;
        }
        img{
            width:100%;
            height:100%;
        }
        .yuan{
            width: 40%;
            height: 50%;
            z-index: 10;
            margin-top: -50%;
            margin-left: 33%;
        }
        .touzi{
            font-size: 35;
            color: #8E4F2F;
            font-weight: bolder;
        }
        .toubu{
            margin-left: 5%;
            margin-top: -40%;
            text-align: center;
        }
    </style>
    <body>
        <!--上部-->
        <div class="top">
            <img src='/upload/niu.jpg'>
            <img class="yuan" src='/upload/yuan.png'>
            <div class="toubu">
                <div class="touzi">JOIN US</div>
                <div class="touzi">MAKE MONEY</div>
                <div  style="font-size: 73px;color: #F28024;"><span>+</span>0.1</div>
                <img class="qd" style="width: 40%;height: 20%;" src='/upload/an.png'>
            </div>
        </div>
        
        <!--下部-->
        <div class="down">
            
        </div>
    </body>
</html>
<script src='/static/jquery-3.5.0.min.js'></script>
<script>
    $('.qd').click(function(){
       alert('签到'); 
    });
</script>